<html>
  <head>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/bootstrap.css" rel="stylesheet">
	<link href="css/datepicker.css" rel="stylesheet">	
	<script src="js/bootstrap.js"></script>
	<script src="js/bootstrap-datepicker.js"></script>	
	<script src="js/jquery.validate.min.js"></script>
	<script src="js/script.js"></script>
    <title>Carnegie Financial Services</title>
  </head>
  <body style="padding-top: 20px">
    <div class="container">
		<header class="jumbotron subhead" id="overview">
			<div class="row">
				<div class="span10" >
					<h1>Carnegie Financial Services</h1>
					<p class="lead" style="padding-left: 5px;"> Mutual Funds Website </p>
				</div>
				<div class="span2" style="margin-top: 70px; margin-left: 7px;">
					<ul class="nav nav-pills" style="height: 20px;">
						<li>
							<span><a href="login.do"><b>Login</b></a></span>
						</li>
					</ul>
				</div>
			</div>
			<div class="navbar">
				<div class="navbar-inner">
					<div class="container" style="width: auto;">
						<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						  <span class="icon-bar"></span>
						  <span class="icon-bar"></span>
						  <span class="icon-bar"></span>
						</a>	
						<div class="nav-collapse">
					  <ul class="nav">
							<li class><a href="login.do">Home</a></li>
							<li class="divider-vertical"></li>
						<li><a href="#">About Us</a></li>
						<li class="divider-vertical"></li>
						<li><a href="#">Contact</a></li>
						<li class="divider-vertical"></li>
						<li><a href="#">Help</a></li>
						<li class="divider-vertical"></li>
					  </ul>
						</div><!-- /.nav-collapse -->
					</div>					
				</div>
			</div>
		</header>
		<div class="row-fluid">
			<div class="span3">
				<div class="well" style="padding: 8px 0;">	   
				     <ul>
				     	<li> <h5>Hi, Welcome to use Carnegie Financial Services-Mutual Fund Website. In order to use it, you must login first:</h5></li>	
				   		 <li><a href="login.do"><i class="icon-chevron-right"></i>Login</a></li> 
				   	</ul>
				</div>	
			</div>
            <div class="span9"> <!-- /write your content -->
            	<jsp:include page="error-list.jsp" />
				<div class="page-header">
					<h3>Login</h3>
				</div>
				<form id="loginForm" class="form-horizonal" action="login.do" method="post" accept-charset="utf-8">
					<div class="control-group">
						<label class="control-label" for="">Login</label>
						<div class="controls">
							<input type="text" name="userName" value="" id="userName">
						</div>
						<label class="control-label" for="">Password</label>
						<div class="controls">
							<input type="password" name="password" value="" id="password">
						</div>
					</div>
					<p><button type="submit" class="btn" onclick="hashPassword()"> Login </button></p>
					<script src="js/md5.js"></script>
					<script src="js/hashPassword.js"></script>
				</form>
            </div> <!-- /end your content-->
		</div>
		<footer>
			<div class="row-fluid">
				<hr/>
				<div class="span6 offset4">
					<a href="#">About this site</a> |<a href="#">Site map</a> | <a href="#">Terms of use</a> | <a href="#">Privacy policy</a> | <a href="#">Contact us</a>
					<p>&copy;  2013 Smartans Technologies</p>
				</div>				
			</div>
		</footer>
	</div>
  </body>
</html>